<template>
    <div class="footer-box">
        <ul class="footer-wrap-list" v-if="showtop">
            <li class="footer-wrap-item">
                <span class="footer-wrap-item__title">行云特色</span>
                <ul class="footer-inner-list">
                    <li class="footer-inner-item">
                        <a @click="goNext()"">FAQ</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>免责申明</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>保税商品</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>供应链服务</a>
                    </li>
                </ul>
            </li>
            <li class="footer-wrap-item">
                <span class="footer-wrap-item__title">新手入门</span>
                <ul class="footer-inner-list">
                    <li class="footer-inner-item">
                        <a>注册和登录</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>新手合作指南</a>
                    </li>
                </ul>
            </li>
            <li class="footer-wrap-item">
                <span class="footer-wrap-item__title">支付配送</span>
                <ul class="footer-inner-list">
                    <li class="footer-inner-item">
                        <a>物流配送</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>货物价格</a>
                    </li>
                </ul>
            </li>
            <li class="footer-wrap-item">
                <span class="footer-wrap-item__title">售后保障</span>
                <ul class="footer-inner-list">
                    <li class="footer-inner-item">
                        <a>身份证报关</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>关税法规</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>行云货仓平台退换货规则</a>
                    </li>
                </ul>
            </li>
            <li class="footer-wrap-item">
                <span class="footer-wrap-item__title">加入我们</span>
                <ul class="footer-inner-list">
                    <li class="footer-inner-item">
                        <a>联系我们</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>营业执照</a>
                    </li>
                </ul>
            </li>
            <li class="footer-wrap-item">
                <span class="footer-wrap-item__title">规则中心</span>
                <ul class="footer-inner-list">
                    <li class="footer-inner-item">
                        <a>行云货仓平台服务协议</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>行云货仓平台隐私条款</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>云麓好店用户开店服务协议</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>云麓好店隐私政策</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>行云货仓-拼采活动协议</a>
                    </li>
                    <li class="footer-inner-item">
                        <a>第三方SDK清单</a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="mall-layout-footer">
            <div class="mall-layout-footer-content">
                <div class="mall-layout-footer-line">
                    增值电信业务经营许可证：
                    <a>粤B2-20201018</a>
                    &nbsp;版权所有 深圳市天行云供应链有限公司
                    <a>粤ICP备15060915号-3</a>
                    &nbsp;行云货仓
                    <a>
                        <img src="https://static.xyb2b.com/images/10d45e2671a32a8f2fe064a91452e315.png" alt="">
                        粤公网安备 44030502006411号
                    </a>
                </div>
                <div>
                    Copyright © 2015 - 2023 
                    bbmall.cn
                    All Rights Reserved 
                    <span class="line"></span>
                    <a href="">经营主体证照</a>
                    <span class="line"></span>
                    <a href="">互联网药品信息服务资格证书编号（粤）-经营性-2018-0166</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "homefooter",
        props: {
            showtop: {
                type: Boolean,
            }
        },
        data() {
            return {
                // showtop: true
            }
        },
        created() {
            console.log(this.showtop);
        },
        methods: {
            goNext() {
                let {
                    href
                } = this.$router.resolve('/index/buyer/mall/helpCenter')
                window.open(href, '_blank')
            }
        }
    }
</script>

<style lang="scss" scoped>
    .footer-box {
        padding-top: 25px;
        background-color: #fff;
    }
    
    .footer-wrap-list {
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 1280px;
        margin: 0 auto;
        padding-bottom: 30px;
        border-bottom: 1px solid #eaeaea;
    }
    
    .footer-wrap-item {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 196px;
    }
    
    .footer-wrap-item__title {
        margin-bottom: 20px;
        color: #666;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
    }
    
    .footer-inner-list {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .footer-inner-item {
        margin-bottom: 12px;
        color: #999;
        font-size: 12px;
        line-height: 17px;
        white-space: nowrap;
    }
    
    .mall-layout-footer {
        width: 100%;
    }
    
    .mall-layout-footer-content {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 1200px;
        margin: 0 auto;
        padding: 22px 0;
        color: #999;
        font-size: 12px;
    }
    
    .mall-layout-footer-line {
        margin-bottom: 12px;
    }
    
    .line {
        display: inline-block;
        width: 1px;
        height: 12px;
        margin: -1px 8px;
        background-color: #999;
    }
    
    a {
        cursor: pointer;
    }
</style>